<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>{% block title %}PeakWhiz{%	endblock %}</title>

<!-- CSS -->
<!-- <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css"
	type="text/css" /> -->
<link rel="stylesheet"
	href="/../peakAnalyzer/static/bootstrap/css/bootstrap-responsive.css" type="text/css" />
<link rel="stylesheet" href="/../peakAnalyzer/static/css/pgsadmin.less" type="text/less" />
<link rel="stylesheet" href="/../peakAnalyzer/static/bootstrap/css/bootstrap.min.css" type="text/css" />
<!-- <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" /> -->

<!-- LESS -->
<script type="text/javascript"
	src="/../peakAnalyzer/static/js/less-1.3.0.min.js"></script>

<!-- JavaScript -->
<script type="text/javascript" src="/../peakAnalyzer/static/js/pgsadmin.js"></script>
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script>
<script type="text/javascript" src="/../peakAnalyzer/static/bootstrap/js/bootstrap.min.js"></script>

<!-- jQuery plugins -->
<script type="text/javascript" charset="utf-8" src="/../peakAnalyzer/static/datatables1.9.4/media/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="/../peakAnalyzer/static/datatables1.9.4/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript" src="/../peakAnalyzer/static/datatables1.9.4/media/js/DT_bootstrap.js"></script>

<!-- image gallery  -->
<script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script>
<script src="/../peakAnalyzer/static/imageGallery/js/bootstrap-image-gallery.min.js"></script>
<link rel="stylesheet" href="/../peakAnalyzer/static/imageGallery/css/bootstrap-image-gallery.min.css">
<link rel="stylesheet" type="text/css" href="/../peakAnalyzer/static/datatables1.9.4/media/css/DT_bootstrap.css">

<!-- highchart  -->
<script src="/../peakAnalyzer/static/highchart/highcharts.js"></script>
<script src="/../peakAnalyzer/static/highchart/modules/exporting.js"></script>

{% block header %}{% endblock %}
</head>
<body>

	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> </a> <a
					class="brand" href="/peakAnalyzer/regular/listProject/">PeakWhiz</a>
				<div class="nav-collapse">
					<ul class="nav">
					<li class="divider-vertical"></li>
						<li ><a href="/peakAnalyzer/regular/listProject/">Home</a></li>
						<li class="divider-vertical"></li>
						<li><a href="/peakAnalyzer/help/aboutus/">About Us</a></li>
						<li class="divider-vertical"></li>
					</ul>
						
					<ul class="nav pull-right">

						{% block navbarContents %} {% endblock %}
							
						<li class="divider-vertical"></li>
						<li><a href="/peakAnalyzer/help/usage/"><strong><font color=blue>Video</font></strong></a></li>
						<li class="divider-vertical"></li>
						<li><a href="/peakAnalyzer/jobserver-regular/resultdemo/"><strong><font color=blue>Demo</font></strong></a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">
							{% if user.is_authenticated %} <i class="icon-user"></i> {{ user.username }} {% else %} Account {% endif %} <b class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a href="/peakAnalyzer/accounts/password/change/"><span class="icon-pencil"></span> Change Password</a></li>
								<li class="divider"></li>
								<li><a href="/peakAnalyzer/accounts/logout/"><span class="icon-off"></span> Logout</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.nav-collapse -->
			</div>
		</div>
		<!-- /navbar-inner -->
	</div>
	<!-- /navbar -->
	<!-- /navbar -->
	<div class="container-fluid">
		<div class="row-fluid">
			
			<div class="span11">{% block content %} {% endblock %}</div>
		</div>
	</div>

</body>
</html>
